<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>personal</title>
	<link rel="stylesheet" type="text/css" href="personalanother.css">
	<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
	<meta id="viewport" name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,initial-scale=1,user-scalable=no">
	<script type="text/javascript">
	window.onload=function () {
		var men=document.getElementById("men");
		var women=document.getElementById("women");

			men.onclick=function () {
				men.style.color="black";
				men.style.borderBottom="2px solid #2bb8aa";
				woman.style.color="rgba(217,217,217,1)"
				woman.style.borderBottom="none"
			}
			woman.onclick=function () {
				woman.style.color="black";
				woman.style.borderBottom="2px solid #2bb8aa";
				men.style.color="rgba(217,217,217,1)"
				men.style.borderBottom="none"
			}
		}
	</script>
</head>
<body>
<div class="personal">
	<div>
		<div id="head">
		<label id="head-word">个人中心</label>
	</div>
	<form>
		<div>
            <label id="basicmessage">基本信息</label>
            <div id="Myportrait">
				<img src="head portrait.jpg" style="margin:15px 15px;">
				<input id="addportrait" type="text" name="addportrait" placeholder="点击添加头像" >
				<img src="arrows.jpg" class="arrows">
			</div>
            <div class="input-group">
               <span class="input-group-addon" id="basic-addon1">姓名</span>
               <input type="text" class="form-control" placeholder="请输入2-16个字符" aria-describedby="basic-addon1">
            </div>
            <div class="input-group" style="margin-top:15px">
               <span class="input-group-addon" id="basic-addon1">性别</span>
               <div class="form-control">
               	<label class="gender" id="men">先生</label>
               	<label class="gender" id="woman">女士</label>
               </div>
            </div>
            <div class="input-group" style="margin-top:15px">
               <span class="input-group-addon" id="basic-addon1">电话</span>
               <div class="form-control">

               </div>
            </div>
            <div class="input-group" style="margin-top:15px">
               <span class="input-group-addon" id="basic-addon1">版本</span>
               <lable class="form-control">1.4.6</lable>
            </div>
		</div>
		<div id="button">
			<button id="save-button">保存</button>
		</div>
	</form>
</body>
</html>